import React from 'react'
import 'codemirror/lib/codemirror.css'
import '@toast-ui/editor/dist/toastui-editor.css'
import { Editor } from '@toast-ui/react-editor'

const Markdown = (props) => {
  const { md } = props
  return (
    <Editor
      {...props}
      initialValue={md}
      previewStyle="vertical"
      height="400px"
      initialEditType="markdown"
      useCommandShortcut={true}
    />
  )
}

export default Markdown
